<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<button id="btn">点我发送ajax的post请求</button>
<textarea id="text" style="width: 500px;height: 300px"></textarea>
<script>
    document.getElementById('btn').onclick = function () {
        //原生js发送ajax的post请求.
        //固定的步驟:
        //a.创建XMLHttpRequest对象
        //b.调用这个对象的open方法,设置请求方式和请求地址.
        //c.设置请求头(固定的代码)
        //d.设置请求成功后要执行的回调函数.
        //e.调用这个对象的send方法.

        //eg:
        //a.创建XMLHttpRequest对象
        let xhr = new XMLHttpRequest();
        //b.调用这个对象的open方法,设置请求方式和请求地址.
        xhr.open('post','http://127.0.0.1/sales/customers/');
        //c.设置请求头(固定的代码)
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        //d.设置请求成功后要执行的回调函数.
        xhr.onload = function(){
            //处理响应回来的内容.
            console.log(xhr.response);
            document.getElementById("text").value=xhr.response;
        }
        //e.调用这个对象的send方法.
        // 参数写在send方法中.
        // 格式: 'key1=value1&key2=value2'
        xhr.send('username=素素999');
    }
</script>
</body>
</html>